<link rel="stylesheet" href="view/table/css/bootstrap.min.css">
<link rel="stylesheet" href="view/table/css/bootstrap-table.min.css">
<link rel="stylesheet" href="view/time/css/datepicker.css">
<!--三级联动地区-->
<link rel="stylesheet" href="css/j-selcetd.css">
<script src="view/Select/js/jquery.combo.select.js"></script>
<link rel="stylesheet" href="view/Select/css/combo.select.css">

<link rel="stylesheet" type="text/css" href="css/j-tablehtml.css">
<div class="j-dialog" id="stopAddDialog">
	<div class="j-dialog-bg small-bg">
        <div></div>
        <div class="dialog-s-center-h" id="dialog_bg_height"></div>
        <div></div>
    </div>
	<div class="j-dialog-con size-small">
		<div class="j-dialog-header">
			<div class="title"><p id="dialog_title">添加</p> <div class="close-div" onclick="closeDialog()"></div></div>
		</div>
		<div class="j-dialog-content">
			<form id="form_gz">
				<div class="jdialog-row">
					<p><span style="color:#f00;">*</span> 规则名称</p>
					<input type="text" required name="name" id="d_input_name">
				</div>
				<div id="not_7_row"></div>
				<div class="jdialog-row" id="dialog_addrow"></div>
				<!-- <div class="jdialog-row">
					<p><span style="color:#f00;">*</span> 时间范围</p>
					<div class="c-datepicker-date-editor J-datepickerTime-range mt10" id="datepickerTime">
	                    <i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
	                    <input placeholder="开始日期" name="" class="c-datepicker-data-input" value="">
	                </div>
				</div> -->
				<div class="jdialog-row">
					<p><span style="color:#f00;">*</span> 开始时间</p>
					<div class="c-datepicker-date-editor c-datepicker-single-editor J-datepickerTime-single mt10 j-dialog-one-time" id="datetime_start">
				    	<i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
				    	<input type="text" required autocomplete="off" name="startTime" placeholder="选择日期" class=" c-datepicker-data-input" value="" id="d_input_starttime">
				    </div>
				</div>
				<div class="jdialog-row">
					<p><span style="color:#f00;">*</span> 结束时间</p>
					<div class="c-datepicker-date-editor c-datepicker-single-editor J-datepickerTime-single mt10 j-dialog-one-time" id="datetime_end">
				    	<i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
				    	<input type="text" required autocomplete="off" name="endTime" placeholder="选择日期" class=" c-datepicker-data-input" value="" id="d_input_endtime">
				    </div>
				</div>
				<div class="jdialog-row">
					<p><span style="color:#f00;">*</span> 提醒间隔</p>
					<input type="number" required onblur="timeBlurHandler('#d_input_time_interval')"
					name="remindingInterval" class="input-note" id="d_input_time_interval"><span class="input-note-span">分钟</span>
				</div>
				<div class="jdialog-row">
					<p><span style="color:#f00;">*</span> 报警语音</p>
					<input type="text" required name="sounds" id="d_input_sounds">
				</div>
				<div class="jdialog-btn">
	                <button class="j-btn" onclick="closeDialog()">取消</button>
	                <button class="j-btn primray" id="add_dialog_submit">确定</button>
	            </div>
            </form>
		</div>
	</div>
</div>
<div class="j-dialog" id="dialog_rule_allocation">
	<div class="j-dialog-bg big-bg">
        <div></div>
        <div></div>
        <div></div>
    </div>
	<div class="j-dialog-con size-big">
		<div class="j-dialog-header">
			<div class="title">
				<span class="title-text" id="gz_dialog_subtitle">分配规则</span>
				<div class="close-div" onclick="closeRuleDialog()"></div>
			</div>
		</div>
		<div class="j-dialog-content allocation-table">
			<ul class="d-search-div">
				<li class="item rtable_input" style="display:inline-flex; width:308px;">
	                <p>地区</p>
	                <div class="box">
	                    <div class="qrm-pinming">
	                        <div class="qrm-input-border">
	                            <input type="text" placeholder="请选择" class="qrm-input" style="margin-left: 0px;
	                                background: none;
	                                border: none;
	                                border-radius: 0;
	                                color: #fff;
	                                width: inherit;">
	                        </div>
	                        <div class="qrm-main" id="qrm-main"></div>
	                    </div>
	                </div>
	            </li>
				<li class="d-search-item">
					<p>运营商</p>
					<input type="text" id="fp_dialog_search_platform_name">
				</li>
				<li class="d-search-item">
					<p>企业</p>
					<input type="text" id="fp_dialog_search_owers_name">
				</li>
				<li class="d-search-item">
					<p>车辆</p>
					<input type="text" id="fp_dialog_search_vehicle_no">
				</li>
				<li class="d-search-item" id="fp_select_div">
					<p style="flex: 0 0 70px;">分配状态</p>
					<select id="dialog_select_allcation" disabled>
						<!-- <option value="2">未分配</option>
						<option value="1">已分配</option> -->
					</select>
				</li>
				<li class="d-search-item" id="hytype_select_div">
					<p style="flex: 0 0 70px;">行业类型</p>
					<select id="hy_type" disabled>
						<!-- <option value="0">班线客运</option>
						<option value="1">旅游包车</option>
						<option value="2">危险品运输</option> -->
					</select>
				</li>
				<li class="d-search-item">
					<button class="j-btn" id="fp_dsearch">查询</button>
				</li>
				<li class="d-search-item">
					<button class="j-btn" id="fp_dreset">重置</button>
				</li>
			</ul>
			<div class="d-table" style="height: 150px;overflow: auto;">
				<table id="dialog_table"></table>
			</div>
			<div class="jdialog-btn">
				<span>已选择<i style="color: #4e9cf4;font-style: inherit;padding: 0 5px;" id="dialog_select_num">0</i>辆车</span>
                <button class="j-btn" id="dialog_allocation">分配</button>
                <button class="j-btn primray" id="dialog_allocation_all">全部分配</button>
            </div>
		</div>
	</div>
</div>
<div class="table-con">
	<div class="j-tab-con tab2" id="jtab2">
		<ul>
			<li class="active" data-type="3">进入区域规则</li>
			<li data-type="4">离开区域规则</li>
			<li data-type="5">区域超速规则</li>
			<li data-type="6">区域超时规则</li>
			<li data-type="1">线路偏离规则</li>
			<li data-type="2">线路超速规则</li>
			<li data-type="7">禁行时间规则</li>
		</ul>
	</div>
	<div class="j-search-con">
		<div class="border-j-top"></div>
		<div class="border-j-bottom"></div>
		<div class="search-div">
			<div class="j-search-row" style="margin-bottom:20px;">
				<div class="item">
					<p>规则名称</p>
					<input type="text" id="search_name">
				</div>
				<button class="j-btn" style="margin-right:10px;" id="searchClick">查询</button>
				<button class="j-btn j-btn1" style="margin-right:10px;" id="resetClick">重置</button>
				<div style="flex:1;">
					<button class="j-btn j-btn-table" style="float: right;" onclick="openDialog()"><i class="iconfont">&#xe638;</i>添加</button>
				</div>
			</div>
			<div class="j-table">
				<div class="cnf_table" id="table_div"></div>
			</div>
		</div>
	</div>
</div>
<script src="view/table/js/bootstrap.min.js"></script>
<script src="view/table/js/bootstrap-table.js"></script>
<script src="view/time/js/moment.min.js"></script>
<script src="view/time/js/datepicker.all.js"></script>
<script type="text/javascript" src="js/jrequest.js"></script>
<script type="text/javascript" src="js/jdialog-btn.js"></script>
<script type="text/javascript" src="view/selcetRadio/js/qrm-pinming.js"></script>
<script type="text/javascript" src="js/jdSelect.js"></script>
<script type="text/javascript" src="js/information/ruleManagement/stoptimetab.js"></script>
